<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/common/jsp/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>登录页面</title>
    <link href="${ctx}/common/css/index/sticky-footer-navbar.css" rel="stylesheet" type="text/css" />
    <%@ include file="/common/jsp/jscss.jsp" %>
    <script type="text/javascript">
        $(function(){
            changeIframeUrl("toHomePage");
            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
                // 获取已激活的标签页的名称
                var activeTab = $(e.target).text();
                // 获取前一个激活的标签页的名称
                var previousTab = $(e.relatedTarget).text();
                $(".active-tab span").html(activeTab);
                $(".previous-tab span").html(previousTab);
                changeIframeUrl(e.target.id)
                e.preventDefault();//阻止a标签的默认行为
            });
        });

        function changeIframeUrl(pageIframeId){
            $("#iframePageHeadId").attr("src", "${ctx}/sillyhat/admin/cutproject/"+pageIframeId);
        }
    </script>
</head>
<body>
    <%--<%@ include file="/common/jsp/head.jsp" %>--%>
    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <div class="navbar-brand">嘿咻傻帽</div>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="${ctx}">主页</a></li>
                    <%--<li><a href="${ctx}/sillyhat/admin/cutproject/toBlogs" data-toggle="tab">博客</a></li>--%>
                    <%--<li><a href="javascript:void(0);" onclick="changeIframeUrl('${ctx}/sillyhat/admin/cutproject/toBlogs')">博客</a></li>--%>
                    <li><a href="#" id="toBlogs" data-toggle="tab">博客</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">小功能<span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#" id="toSqlCreated" data-toggle="tab">SQL生成器</a></li>
                            <%--<li><a href="${ctx}/sillyhat/admin/cutproject/toSqlCreated" data-toggle="tab">SQL生成器</a></li>--%>
                            <li><a href="#" data-toggle="tab">Something else here</a></li>
                            <li class="divider"></li>
                            <li class="dropdown-header">Nav header</li>
                            <li><a href="#" data-toggle="tab">Separated link</a></li>
                            <li><a href="#" data-toggle="tab">One more separated link</a></li>
                        </ul>
                    </li>
                    <li><a href="#" id="toAbout" data-toggle="tab">关于</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="./">active就是看着像是把菜单按进去了</a></li>
                    <li><a href="../navbar-static-top/">某某系统</a></li>
                    <li><a href="../navbar-fixed-top/">管理端</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <%--<iframe id="pageContainer" name="pageContainer" frameborder="0" class="embed-responsive-item" src="${ctx}/sillyhat/admin/cutproject/toHomePage"></iframe>--%>
    <div class="container-fluid embed-responsive embed-responsive-16by9">
        <iframe id="iframePageHeadId" class="embed-responsive-item" src=""></iframe>
    </div>
    <div class="footer">
        <div class="container">
            <p class="text-muted">温馨提示：建议屏幕分辨率1280~1920*768,采用谷歌Chrome、火狐Firefox、IE9以上浏览器进行访问,以达到最佳体验. 版权所有@嘿咻傻帽</p>
        </div>
    </div>
</body>
</html>
